<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="description" content="">
  <title>Resume</title>
  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg">
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="css/snack.css">
  <link rel="stylesheet" href="css/snack-helper.css">
  <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <style>
    html,
    body {
      background-color: #f5f5f5;
    }

    .page {
      max-width: 800px;
      margin: 20px auto;
      padding: 20px;
      box-shadow: 1px 1px 8px rgba(0, 0, 0, .15);
      background-color: #fff;
    }

    h1 {
      margin-left: -20px;
      padding-left: 15px;
      border-left: 5px solid #F8B62D;
    }

    .border {
      position: relative;
    }

    .border:before {
      content: '';
      position: absolute;
      top: 0;
      left: -2px;
      width: 2px;
      height: 100%;
      background: #ddd;
      border-left: 2px solid #ddd !important;
    }

    section a {
      color: #666;
    }

    section a:hover {
      color: #333;
      text-decoration: underline;
    }
  </style>
</head>

<body class="">
  <!--[if lt IE 9]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->


  <main class="page">
    <section>
      <h1 class="f-s-18 f-w-900 m-b-20">联系方式</h1>
      <div class="boxes default m-b-20">
        <div class="box bg-gray-lightest p-t-0 p-b-0">
          <div class="row">
            <div class="col-3 p-t-10 p-b-10">● 手机：18982830537</div>
            <div class="col-5 p-t-10 p-b-10 border">● Email：872647448@qq.com</div>
            <div class="col-4 p-t-10 p-b-10 border">● 微信：18982830537</div>
          </div>
        </div>
      </div>
    </section>

    <section>
      <h1 class="f-s-18 f-w-900 m-b-20">个人信息</h1>
      <div class="boxes default m-b-20">
        <div class="box bg-gray-lightest p-t-0 p-b-0">
          <div class="row">
            <div class="col-3 p-t-10 p-b-10">● 甘秋燕 | 女 | 1996</div>
            <div class="col-5 p-t-10 p-b-10 border">● 四川理工技师学院 | 计算机应用技术 | 专科</div>
            <div class="col-4 p-t-10 p-b-10 border">● 应聘前端开发 | 6 年多工作经验</div>
          </div>
        </div>
        <div class="box bg-gray-lightest">
          ● 开源项目：
          <a href="https://gitee.com/gqy-oray/vue3-vite-ts-admin"
            target="_blank">https://gitee.com/gqy-oray/vue3-vite-ts-admin</a>
        </div>
        <div class="box bg-gray-lightest">
          ● 技术博客：
          <a href="https://www.jianshu.com/u/03eb015d9051" target="_blank">简书</a>
        </div>
      </div>
    </section>

    <section>
      <h1 class="f-s-18 f-w-900 m-b-20">技术优势</h1>
      <div class="boxes default m-b-20">
        <div class="box bg-gray-lightest">
          ● 前端框架：Vue3、Vue2、uniapp、nuxt，熟悉掌握vue及其生态，理解响应式原理，熟悉组件开发
        </div>
        <div class="box bg-gray-lightest">
          ● 熟练掌握CSS，熟悉Less、Sass等预编译语言
        </div>
        <div class="box bg-gray-lightest">
          ● 熟练掌握JS，熟悉ES6，TypeScript
        </div>
        <div class="box bg-gray-lightest">
          ● 掌握常用打包工具Webpack、Vite
        </div>
        <div class="box bg-gray-lightest">
          ● 熟悉微信公众号开发，微信小程序开发，了解安卓和苹果APP跨平台差异。
        </div>
        <div class="box bg-gray-lightest">
          ● 维护过 React 相关项目 和 Jquery 老项目
        </div>
        <div class="box bg-gray-lightest">
          ● 熟悉主流数据库，SQL SERVER 2012，MYSQL
        </div>
        <div class="box bg-gray-lightest">
          ● 兴趣广泛，略懂后端，能写 C# 和 java
        </div>
        <div class="box bg-gray-lightest">
          ● 爱好设计，会使用 PS 、XD 等设计软件
        </div>
      </div>
    </section>
    <!--
    <section>
      <h1 class="f-s-18 f-w-900 m-b-20">我的作品</h1>
      <div class="boxes default m-b-20">
        <div class="box bg-gray-lightest">
          ● 美团选座（仿写美团选座功能）：
          <a href="https://gitee.com/gqy-oray/chooseSeat" target="_blank">https://gitee.com/gqy-oray/chooseSeat</a>
        </div>
        <div class="box bg-gray-lightest">
          ● 静态页面展示（个人或企业）： <br>
          <div class="row">
            <div class="col-3 p-t-10 p-b-10">● <a href="http://gqy-oray.gitee.io/registe/typeform/index.html"
                target="_blank">调查问卷网站-pc</a></div>
            <div class="col-3 p-t-10 p-b-10 border">● <a href="http://gqy-oray.gitee.io/registe/login/cerv.html"
                target="_blank">登录页面-pc</a> </div>
            <div class="col-3 p-t-10 p-b-10 border">● <a href="http://gqy-oray.gitee.io/registe/registe/index.html"
                target="_blank">注册页面-pc</a></div>
            <div class="col-3 p-t-10 p-b-10 border">● <a
                href="http://gqy-oray.gitee.io/registe/tuan-download/index.html" target="_blank">注册下载页面-移动端</a></div>
          </div>


        </div>
         <div class="box bg-gray-lightest">
          ● 动画练习：<br>
          <a href="https://codepen.io/gqyAutumn/full/jOWKZOz"
            target="_blank">https://codepen.io/gqyAutumn/full/jOWKZOz</a>
          <br>
          <a href="https://codepen.io/gqyAutumn/full/rNxvGJa"
            target="_blank">https://codepen.io/gqyAutumn/full/rNxvGJa</a>
          <br>
          <a href="https://codepen.io/gqyAutumn/full/ExPgLdK"
            target="_blank">https://codepen.io/gqyAutumn/full/ExPgLdK</a>
          <br>
          <a href="https://codepen.io/gqyAutumn/full/ExPgLdK"
            target="_blank">https://codepen.io/gqyAutumn/full/ExPgLdK</a>
        </div> 
      </div>
    </section>-->

    <section>
      <h1 class="f-s-18 f-w-900 m-b-20">工作经历</h1>
      <div class="boxes default m-b-20">
        <div class="box bg-gray-lightest">
          ● 深圳市同和信息技术有限公司（100-499人） （ 2022 年 3 月 ~ 2024 年 3 月 ）
        </div>
        <div class="box bg-gray-lightest">
          <p class="m-t-0">财务综合管理平台系统</p>
          <p>
            <ul>
              <li>自研产品，面向公司财务人员</li>
              <li>技术使用：Vue3 + Vite + es6 + element-plus; 使用到的插件： echarts + axios + sass + lodash</li>
              <li>二次开发 element-plus 组件成可配置型组件，通过 json 配置动态生成业务组件，便于快速开发业务</li>
              <li>搭建基于公司业务的低代码平台，可以通过配置页面配置出业务模块，实现快速开发（如：席位佣金收款等40多个模块）</li>
              <li>大数据前端渲染慢的优化处理：数据量大时，前端分割数据，实现懒加载，边滑动表格边渲染数据</li>
            </ul>
          </p>
        </div>
        <div class="box bg-gray-lightest">
          <p class="m-t-0"> 管理会计报表系统 </p>
          <p>
            <ul>
              <li>自研产品，面向公司财务人员</li>
              <li>主要技术：Vue2 + webpack + es6 + element-ui ; 使用到的插件： echarts + axios + sass</li>
              <li>使用 ECharts 设计和实现可视化报表，包括K线图、收益曲线等金融图表</li>
            </ul>
          </p>
        </div>
        <div class="box bg-gray-lightest">
          <p class="m-t-0"> 网上报销系统 </p>
          <p>
            <ul>
              <li>技术使用： jQuery </li>
              <li>工作内容：维护项目并增加新模块（费用分摊）</li>
            </ul>
          </p>
        </div>

      </div>
      <div class="boxes default m-b-20">
        <div class="box bg-gray-lightest">
          ● 上海千亚国际货物运输代理有限公司深圳分公司（500-999人） （ 2020 年 1 月 ~ 2022 年 3 月 ）
        </div>
        <div class="box bg-gray-lightest">
          <p class="m-t-0">千亚万象平台</p>
          <p>
            <ul>
              <li>自研产品，公司内部员工使用。专门为解决跨国物流管理而设计的企业资源计划软件，帮助企业实现全球物流运作的全面自动化和信息化，优化其供应链管理、降低成本、提高物流效率。</li>
              <li>技术使用：Vue2 + Webpack + Es6 + Element-UI ，插件： Echarts + Axios + Sass + Lodash</li>
              <li>模块：FBA 订单中心（订单接收、录入、审核、处理以及全程跟踪）、FBA 运输中心（海运、空运、陆运等，运输路径规划、运输费用估算）、 FBA 报关与合规管理（自动化生成国际贸易文件，如发票、装箱单、报关单据等）、 财务管理（物流成本核算与分析，包括运输费、仓储费、保险费等各项费用的统计与结算）</li>
              <li>设计并实现一系列可复用的前端组件，如订单表单组件（包含目的地、起始地、货物类型、重量体积等输入项）、货物追踪组件（显示实时物流状态）、费率计算器组件等</li>
              <li>实现多语言切换功能，利用 Vue I18n进行国际化适配</li>
              <li>对应用程序进行性能调优，包括代码分割、懒加载、减少网络请求、缓存策略等</li>
              <li>处理敏感信息如客户联系方式、货物详情时，采用数据加密实现信息传输安全</li>
            </ul>
          </p>
        </div>
        <div class="box bg-gray-lightest">
          <p class="m-t-0">千亚海外仓管理系统 </p>
          <p>
            <ul>
              <li>自研产品，面向公司内部员工</li>
              <li>主要技术：Vue2 + webpack + es6 + element-ui ; 使用到的插件： echarts + axios + sass + lodash</li>
              <li>公司人员使用的海外仓管理系统，模块包含：箱柜管理、订单尾程变更、OWMS、入库出库约仓、拆托打托 </li>
              <li>通过引入Eslint规范项目代码</li>
            </ul>
          </p>
        </div>
        <div class="box bg-gray-lightest">
          <p class="m-t-0">千亚国际物流官网 <a href="https://www.crossbetter.com/#/"
              target="_blank">https://www.crossbetter.com/#/</a></p>
          <p>
            <ul>
              <li>技术使用： nuxtjs + element-ui ; 使用到的插件： axios + less ; 带后台发布系统</li>
              <li>工作内容：技术选型，框架搭建</li>
            </ul>
          </p>
        </div>

      </div>
      <div class="boxes default m-b-20">
        <div class="box bg-gray-lightest">
          ● 成都佳想科技有限公司 （20-99人）（ 2018 年 3 月 ~ 2019 年 12 月 ）
        </div>
        <div class="box bg-gray-lightest">
          <p class="m-t-0">金星租赁管理微信小程序（已上线）</p>
          <p>
            <ul>
              <li>租赁管理页面展示：<a href="https://www.jianshu.com/p/ce2be9422173#fnref1" target="_blank">
                  https://www.jianshu.com/p/ce2be9422173</a>
              </li>
              <li>使用uniapp做的微信小程序</li>
            </ul>
          </p>
        </div>
        <div class="box bg-gray-lightest">
          <p class="m-t-0">牛牛拍APP（已上苹果和安卓各应用市场） </p>
          <p>
            <ul>
              <li>页面展示：<a href="https://www.jianshu.com/p/ce2be9422173#fnref2" target="_blank"
                  rel="noopener noreferrer">https://www.jianshu.com/p/ce2be9422173</a> </li>
              <li>一款拼团购物APP，使用uniapp开发，ios版本和Android版本</li>
              <li>引入热更新，微信支付，支付宝支付等</li>
            </ul>
          </p>
        </div>
        <div class="box bg-gray-lightest">
          <p class="m-t-0">资富宝APP（已上线） </p>
          <p>
            <ul>
              <li>页面展示：<a href="https://www.jianshu.com/p/ce2be9422173#fnref3" target="_blank"
                  rel="noopener noreferrer">https://www.jianshu.com/p/ce2be9422173</a></li>
              <li>一款国外的股票APP,原版APP是apiCloud版本，现改成uniapp编写</li>
              <li>项目使用了h5和app两个方式引入socket,由于连接方式是https形式，不是wss的，故不能使用uniapp自带的api，采用的SockJS,Stomp<br>

                <a href="https://www.jianshu.com/p/57ca91959b49" target="_blank"
                  rel="noopener noreferrer">详情：https://www.jianshu.com/p/57ca91959b49</a></li>
            </ul>
          </p>
        </div>
        <div class="box bg-gray-lightest">
          <p class="m-t-0">维护以往的pc版vue项目并且做性能优化和样式重写 </p>
          <p>
            <ul>
              <li>Vue-Cli 2.0 和Vue-Cli 3.0 CDN和Gzip压缩（性能优化）：
                <a href="https://www.jianshu.com/p/499affede6ab" target="_blank"
                  rel="noopener noreferrer">https://www.jianshu.com/p/499affede6ab</a></li>
            </ul>
          </p>
        </div>
    
        <div class="box bg-gray-lightest">
          <p class="m-t-0">海淘助手项目</p>
          <p><a target="_blank"
              href="http://amzdoor-test-web-1253487099.cos-website.ap-guangzhou.myqcloud.com/">测试环境地址</a>
          </p>
          <p>
            <ul>
              <li>
                1、使用vue-element-admin搭建。用户权限，token验证等基本需求
              </li>
              <li>
                2、el-table表格中实现:单击 选中/取消， 按ctrl键点击实现单个多选 ，按shift实现连续多选
              </li>
              <li>
                3、erp模块的表格多层嵌套，修改只更新当前行数据且表格不折叠。
              </li>
              <li>
                4、使用echarts统计图，<a
                  href="http://gqy-oray.gitee.io/2020/07/01/echarts/">http://gqy-oray.gitee.io/2020/07/01/echarts/</a>
              </li>
              <!-- <li>
                5、vue中data和methods的公用提取: <a
                  href="https://www.jianshu.com/p/63cd81ba0943">https://www.jianshu.com/p/63cd81ba0943</a>
              </li> -->
              <li>
                5、Canvas的使用：<a
                  href="http://gqy-oray.gitee.io/2020/07/01/Canvas/">http://gqy-oray.gitee.io/2020/07/01/Canvas/</a>
              </li>
            </ul>
          </p>
        </div>
        <div class="box bg-gray-lightest">
        
          <p class="m-t-0">链接：<a target="_blank"
              href="http://gqy-oray.gitee.io/amzdoor">http://gqy-oray.gitee.io/amzdoor</a></p>
          <p>
            动画页面模仿的QQ官网，实现了PC和移动端的切换适应。框架：vue
          </p>
          <p>
            pc端视差动画：<strong>stellar</strong><br>
            移动端视差动画：<strong>skrollr</strong>
          </p>
        </div>

      </div>
    </section>
  </main>

</body>

</html>